<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2022/2/22
  Time: 21:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="/WEB-INF/jsp/head.jsp"/>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/travel.css">





    <style type="text/css">

        .div1{ background: #D5D4D4;height: 500px; margin-bottom: 10px; overflow: hidden; font-size: 50px;}
        .div2{ background: #D5D4D4; height: 500px; margin-bottom: 10px; overflow: hidden;font-size: 50px;}
        .div3{ background: #D5D4D4; height: 500px; margin-bottom: 10px; overflow: hidden;font-size: 50px;}
        #scrollSearchDiv{ width: 100%; height: 40px; line-height: 40px; background-color: #b143ea; display: none; position: fixed; left: 0; bottom:0; text-align: center; font-size: 20px; color: #fff; }
    </style>





</head>
<body>

<div class="home_div">

    <div id="bigA" class="big_menu" onmouseover="myMouseOver('mid_container_A')" onmouseout="myMouseOut('mid_container_A')">
        <a href="${pageContext.request.contextPath}/font/one_travel_province?priductaddress=北京">北京</a>  凤凰古城 国家博物馆 西藏林芝 然乌露营
        <div id="mid_container_A" class="mid_container" style="height: 500px">
            <div class="div_empty"></div>
<c:forEach var="addressp01"  items="${addressp01.list}">
            <div id="mid_A_1" class="mid" onmouseover="myMouseOver('small_A_1')" onmouseout="myMouseOut('small_A_1')" style="font-size: 15px;width: 370px;height: 50px;	">
                <a href="${pageContext.request.contextPath}/font/travel_details?productcode=${addressp01.productcode}">${addressp01.productname}</a>
            </div>
</c:forEach>

        </div>
    </div>


    <div id="bigB" class="big_menu" onmouseover="myMouseOver('mid_container_B')" onmouseout="myMouseOut('mid_container_B')">
        <a href="${pageContext.request.contextPath}/font/one_travel_province?priductaddress=成都">成都</a>  川藏线 得荣桃花村 康定理塘 毕棚沟
        <div id="mid_container_B" class="mid_container" style="height: 500px">
            <div class="div_empty"></div>
            <c:forEach var="addressp02"  items="${addressp02.list}">
                <div id="mid_B_1" class="mid" onmouseover="myMouseOver('small_B_1')" onmouseout="myMouseOut('small_B_1')" style="font-size: 15px;width: 370px;height: 50px;	">
                    <a href="${pageContext.request.contextPath}/font/travel_details?productcode=${addressp02.productcode}">${addressp02.productname}</a>
                </div>
            </c:forEach>
        </div>
    </div>


    <div id="bigC" class="big_menu" onmouseover="myMouseOver('mid_container_C')" onmouseout="myMouseOut('mid_container_C')">
        <a href="${pageContext.request.contextPath}/font/one_travel_province?priductaddress=福州">福州</a>  杨家溪 霞浦 象鼻湾 太姥山
        <div id="mid_container_C" class="mid_container" style="height: 500px">
            <div class="div_empty"></div>
            <c:forEach var="addressp03"  items="${addressp03.list}">
                <div id="mid_C_1" class="mid" onmouseover="myMouseOver('small_C_1')" onmouseout="myMouseOut('small_C_1')" style="font-size: 15px;width: 370px;height: 50px;	">
                    <a href="${pageContext.request.contextPath}/font/travel_details?productcode=${addressp03.productcode}">${addressp03.productname}</a>
                </div>
            </c:forEach>
        </div>
    </div>



    <div id="bigD" class="big_menu" onmouseover="myMouseOver('mid_container_D')" onmouseout="myMouseOut('mid_container_D')">
        <a href="${pageContext.request.contextPath}/font/one_travel_province?priductaddress=西藏">西藏</a>  杨家溪 霞浦 象鼻湾 太姥山
        <div id="mid_container_D" class="mid_container" style="height: 500px">
            <div class="div_empty"></div>
            <c:forEach var="addressp04"  items="${addressp04.list}">
                <div id="mid_D_1" class="mid" onmouseover="myMouseOver('small_D_1')" onmouseout="myMouseOut('small_D_1')" style="font-size: 15px;width: 370px;height: 50px;	">
                    <a href="${pageContext.request.contextPath}/font/travel_details?productcode=${addressp04.productcode}">${addressp04.productname}</a>
                </div>
            </c:forEach>
        </div>
    </div>


</div>

<div class="best_travel">
    <div class="best_travel_a" id="head"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" href="">&nbsp;&nbsp;旅游精选</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/allproduct">更多产品&nbsp;></a></div>
<c:forEach var="products"  items="${products.list}">
    <div class="best_travel_product">
        <div class="travel_produce_img"><img src="${pageContext.request.contextPath}/${products.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
        <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_details?productcode=${products.productcode}">${products.productname}</a></div>
        <div class="travel_produce_price">
            <span class="qi">起</span>
            <span class="money">${products.cprice}</span>
            <span class="money_symbol">￥</span>
        </div>
    </div>
</c:forEach>

</div>

<div class="best_travel2">
    <div class="best_travel_a" id="01"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" id="address">&nbsp;&nbsp;北京</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/one_travel_province?priductaddress=北京">更多产品&nbsp;></a></div>
    <div class="best_travel2_img"><img src="${pageContext.request.contextPath }/images/0cb82c8b93f49442621f9591b61bb96.png"></div>

    
<c:forEach var="addressp01"  items="${addressp01.list}">
    <div class="best_travel2_product">
        <div class="travel_produce_img"><img  src="${pageContext.request.contextPath}/${addressp01.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
        <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_details?productcode=${addressp01.productcode}">${addressp01.productname}</a></div>
        <div class="travel_produce_price">
            <span class="qi">起</span>
            <span class="money">${addressp01.cprice}</span>
            <span class="money_symbol">￥</span>
        </div>
    </div>
</c:forEach>

</div>



<div class="best_travel2">
    <div class="best_travel_a" id="02"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" id="address">&nbsp;&nbsp;成都</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/one_travel_province?priductaddress=成都">更多产品&nbsp;></a></div>
    <div class="best_travel2_img"><img src="${pageContext.request.contextPath }/images/e1bdb1ed78d122eb7344ba022e057b1.png"></div>


    <c:forEach var="addressp02"  items="${addressp02.list}">
        <div class="best_travel2_product">
            <div class="travel_produce_img"><img src="${pageContext.request.contextPath}/${addressp02.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
            <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_details?productcode=${addressp02.productcode}">${addressp02.productname}</a></div>
            <div class="travel_produce_price">
                <span class="qi">起</span>
                <span class="money">${addressp02.cprice}</span>
                <span class="money_symbol">￥</span>
            </div>
        </div>
    </c:forEach>

</div>






<div class="best_travel2">
    <div class="best_travel_a" id="03"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" id="address">&nbsp;&nbsp;福州</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/one_travel_province?priductaddress=福州">更多产品&nbsp;></a></div>
    <div class="best_travel2_img"><img src="${pageContext.request.contextPath }/images/e58ec480873882b05ad19cf20b40120.png"></div>


    <c:forEach var="addressp03"  items="${addressp03.list}">
        <div class="best_travel2_product">
            <div class="travel_produce_img"><img src="${pageContext.request.contextPath}/${addressp03.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
            <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_details?productcode=${addressp03.productcode}">${addressp03.productname}</a></div>
            <div class="travel_produce_price">
                <span class="qi">起</span>
                <span class="money">${addressp03.cprice}</span>
                <span class="money_symbol">￥</span>
            </div>
        </div>
    </c:forEach>

</div>



<div class="best_travel2">
    <div class="best_travel_a" id="04"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" id="address">&nbsp;&nbsp;西藏</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/one_travel_province?priductaddress=西藏">更多产品&nbsp;></a></div>
    <div class="best_travel2_img"><img src="${pageContext.request.contextPath }/images/9c6cb273f96e5f8d55ff7339923fb99.png"></div>


    <c:forEach var="addressp04"  items="${addressp04.list}">
        <div class="best_travel2_product">
            <div class="travel_produce_img"><img src="${pageContext.request.contextPath}/${addressp04.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
            <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_details?productcode=${addressp04.productcode}">${addressp04.productname}</a></div>
            <div class="travel_produce_price">
                <span class="qi">起</span>
                <span class="money">${addressp04.cprice}</span>
                <span class="money_symbol">￥</span>
            </div>
        </div>
    </c:forEach>

</div>





<div style="width: 500px;height: 500px;background-color: #ffffff"></div>






<div id="scrollSearchDiv">

    <span><a style="color: black" href="#head">顶端</a></span>
    <span><a style="color: black" href="#01">北京</a></span>
    <span><a style="color: black" href="#02">成都</a></span>
    <span><a style="color: black" href="#03">福州</a></span>
    <span><a style="color: black" href="#04">西藏</a></span>



</div>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>


<script type="text/javascript">
    $(function () {
        //绑定滚动条事件
        //绑定滚动条事件
        $(window).bind("scroll", function () {
            var sTop = $(window).scrollTop();
            var sTop = parseInt(sTop);
            if (sTop >= 130) {
                if (!$("#scrollSearchDiv").is(":visible")) {
                    try {
                        $("#scrollSearchDiv").slideDown();
                    } catch (e) {
                        $("#scrollSearchDiv").show();
                    }
                }
            }
            else {
                if ($("#scrollSearchDiv").is(":visible")) {
                    try {
                        $("#scrollSearchDiv").slideUp();
                    } catch (e) {
                        $("#scrollSearchDiv").hide();
                    }
                }
            }
        });
    })
</script>

</body>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/travel.js"></script>
</html>
<jsp:include page="/WEB-INF/jsp/foot.jsp"/>
